
<script lang='ts' setup>

import { storeToRefs } from 'pinia'
import { ref, reactive, toRefs } from 'vue';
import { useCounterStore } from '@/stores/counter'
import { useTestStore } from '@/stores/test'
let { count } = toRefs(useCounterStore())
let TEST = useTestStore()

const { current, name } = storeToRefs(TEST)
// const Add = () => {
//   TEST.current++
// }
// 修改多个$patch
// const Add = () => {
//   // TEST.$patch({
//   //      current:200,
//   //      age:300
//   //   })
//   TEST.$patch((state) => {
//     state.current++;
//     state.age = 40
//   })

// }

// $state您可以通过将store的属性设置为新对象来替换store的整个状态
// const Add = () => {
//   TEST.$state = {
//     current: 10,
//     age: 30
//   }
// }

// 通过ation
const Add = () => {
  TEST.setCurrent()
}
</script>


<template>
  <main>
    {{ count }} ------- state--- {{ TEST.current }} ---age- {{ TEST.age }}--name--{{ TEST.name }}
    <hr>
    storeToRefs ----   {{ name }} ---current
    <div @click="Add">修改</div>
  </main>
</template>
